// 重新使用以下 useContext
import React,{useState,createContext,useContext} from "react";

function Counter() {

    // 通过 useContext 订阅父组件提供的 值
    const count = useContext(CountContext);
    return (
        <h1>
            睡觉{count} 分钟！！
        </h1>
    )
}


// 创建一个context 对象
const CountContext = createContext();

function Example() {
// 先完成再休息~~
// 这个软件有 bug
    const [count,setCount] = useState(0);
    return (

        <div>
            <div>
                <h2>{count}</h2>
                <button onClick={() => setCount(count + 1)}> + 1 </button>
            </div>
            <CountContext.Provider value={count}>
                <Counter />
            </CountContext.Provider>
        </div>
    )
}

export default Example;

// odks